
<!doctype html>
<html>
<head>
<title>ZZG-用户注册</title>

<link href="../css/register.css" rel='stylesheet' type='text/css'
	media="all" />

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords"
	content="Login And Registration Form Widget Responsive, Login form web template,Flat Pricing tables,Flat Drop downs  Sign up Web Templates, Flat Web Templates, Login signup Responsive web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='//fonts.googleapis.com/css?family=Poiret+One'
	rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Lobster' rel='stylesheet'
	type='text/css'>

</head>
<body id="body">

	<div id="main-box">
		<div class="header2" id="reg-head">
			<h1>用户注册</h1>
		</div>
		<div class="content2" id="reg-frame">
			<form>
				<!-- <span>头像</span> -->
				<label class="fileContainer"><img src="" alt=""
					title="preview-img"><input type="file" /></label>
				<!-- <input type="file"><br> -->
				<!-- <img src="" height="200" alt="Image preview area..." title="preview-img"> -->
				<script>
                    var fileInput = document.querySelector('input[type=file]'),
                        previewImg = document.querySelector('img');
                    fileInput.addEventListener('change', function () {
                        var file = this.files[0];
                        var reader = new FileReader();
                        // 监听reader对象的的onload事件，当图片加载完成时，把base64编码賦值给预览图片
                        reader.addEventListener("load", function () {
                            previewImg.src = reader.result;
                        }, false);
                        // 调用reader.readAsDataURL()方法，把图片转成base64
                        reader.readAsDataURL(file);
                    }, false);
                </script>
				<input type="text" name="userid" value="用户名"
					onfocus="this.value = '';"
					onblur="if (this.value == '') {this.value = '用户名';}">
				<!-- <input type="tel" name="usrtel" value="PHONE" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'PHONE';}"> -->
				<!-- <input type="email" name="email" value="EMAIL ADDRESS" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'EMAIL ADDRESS';}"> -->
				<input type="password" name="psw" value="密码"
					onfocus="this.value = '';"
					onblur="if (this.value == '') {this.value = '密码';}"> <input
					type="password" name="psw" value="确认密码" onfocus="this.value = '';"
					onblur="if (this.value == '') {this.value = '确认密码';}"> <input
					type="submit" class="register" value="注册">
			</form>
		</div>
		<div class="footer">
			<p>Copyright © 2020 | Design by ZZG_干干
		</div>
	</div>

</body>
</html>